@import './ui-components.less';

#root {
  display: block;
  width: 100%;
  height: 100%;
  // font-family: unset;
}

html[theme-mode="default"] {
  @import './themes/default-theme.less';
}

html[theme-mode="green"] {
  @import './themes/green-theme.less';
}

html[theme-mode="orange"] {
  @import './themes/orange-theme.less';
}

html[theme-mode="pink"] {
  @import './themes/pink-theme.less';
}

html[theme-mode="red"] {
  @import './themes/red-theme.less';
}

html[theme-mode="purple"] {
  @import './themes/purple-theme.less';
}

html[theme-mode="cyan"] {
  @import './themes/cyan-theme.less';
}

html,
body,
#root,
.aio,
.aio-layout {
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: @app-main-font-color;
}

body {
  font-family: 'Songti SC', 'Songti TC', 'STFangsong', '宋体', Consolas, 'Courier New', Courier, monospace !important;
  --td-font-family: 'Songti SC', 'Songti TC', 'STFangsong', '宋体', Consolas, 'Courier New', Courier, monospace;
  --td-font-family-medium: 'Songti SC', 'Songti TC', 'STFangsong', '宋体', Consolas, 'Courier New', Courier, monospace;
}

html,
body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

.ka-wrapper,
.ka-content {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.app {
  width: 100%;
  height: 100%;
  .main-page {
    width: 100%;
    height: calc(100% - 60px);
  }
}

.c-pre-wrap-content {
  width: 100%;
  white-space: pre-wrap;
}

.t-menu__item  {
  .c-icon {
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: var(--td-comp-margin-s);
  }
}
.t-is-collapsed  {
  .t-menu__item  {
    .c-icon {
      margin-right: initial;
    }
  }
}

* {
  // 滚动条样式
  ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--td-brand-color-5);
  }
  ::-webkit-scrollbar-track {
    background-color: #FFFFFF;
  }
  scrollbar-color: #CCC #FFFFFF;
  scrollbar-width: thin;
}

